<template>
  <div class="card">
    <div class="page-head">
      <div class="page-title">话题与标签中心</div>
      <div class="page-subtitle">配置话题与标签，管理推荐与曝光策略</div>
    </div>
    <el-table :data="menus" style="width: 100%">
      <el-table-column prop="id" label="ID" width="80" />
      <el-table-column prop="title" label="名称" />
      <el-table-column prop="desc" label="描述" />
    </el-table>
  </div>
</template>

<script setup>
defineOptions({ name: 'AdminMenus' });
import { ref, onMounted } from 'vue';
const menus = ref([]);
onMounted(() => {
  menus.value = [
    { id: 1, title: '热门话题', desc: '查看与维护平台热门话题清单' },
    { id: 2, title: '新建话题', desc: '创建新话题并配置封面与简介' },
    { id: 3, title: '推荐位', desc: '管理首页与频道的话题推荐曝光' }
  ];
});
</script>

<style scoped>
.card { background:#fff; border-radius:8px; padding:16px; box-shadow:0 1px 3px rgba(0,0,0,.08); }
h2 { text-align:left; margin-bottom:12px; }
</style>








